@charset "utf-8";
/* CSS Document */
@media only screen and ( max-width:1200px) 
{.wrapper {width:94%; margin:0 2%;}
.header-inn {width:94%; margin:0 2%;}
#header { text-align:center; margin-top:0;background-image:none;}
.logo,.header-mid-part,.header-right { float:none; display:inline-block; width:auto; vertical-align:middle;}
.box-1 { margin: 0 9px 0 0;}
.box-1 h2 { font-size:20px; padding: 10px 50px;}
.box-1 img { width:100%;}
.booking-left { width:76%;}
.booking-left h1 { font-size:24px;}
.booking-right { width:24%;}
.footer-1 li h2 {  font-size: 12px; line-height: 17px;}
.footer-2 { width:19%;}
.footer-3 { width:50%;}
.footer-4 { width:6%; padding:0 2px;}
.footer-1 li h3 { font-size:15px;}
.accreditations-right li:last-child { float:none;}
.phone-top { text-align: center;}
.phone-top span { display: inline-block; float: none;  min-height: auto;}
.phone-top h2 { display: inline-block; text-align:left; font-size:33px;}
.booking_form { overflow:scroll; display:block;}
.header-right img { width:100%;}
#box-pen { margin:15px 0;}
.footer-2 li { font-size:8px;}
.accreditations-right li { padding:0px !important;}
.pay4 p { width:68%;}
.heating-controls li { margin:0 19px 0 0;}
#meet-the-team li { margin:0 6px 0 0;}
.heating-system-left img { width:100%;}
.heating-system-right { width:30%;}
.boilers-types-img li { margin:0 8px 0;}
.accreditations { text-align:center;}
.accreditations-left h1,.accreditations-left p { float:none; display: inline-block; width:100%; text-align:center; border:0px;}
.home-box li{width:auto}
.home-box-boiler li{width:auto}

	#header-top {float: left;width: 100%;padding: 10px 0;background: #e08529;z-index: 99;margin-top: 50px;position: relative;}
}

@media only screen and ( max-width:768px) {
.space { margin:0;}
.phone-top span img { display:none;}
.pay4,.pay4 p  { text-align:center; float:none; display:inline-block;}
.finance-table table {
    display: block;
    float: left;
    overflow: scroll;
    width: 100%;
}
h1,.booking-left h1{ font-size:17px; margin:5px 0; padding:0px; line-height:22px;}
.accreditations-right li,.accreditations-right li:last-child { float:none; display:inline-block;}

h2 { font-size:16px; margin:5px 0; padding:0px; line-height:22px;}
h3 { font-size:15px; margin:5px 0; padding:0px; line-height:22px;}
p { font-size:16px;line-height:22px}
.booking-left p { font-size:16px;}
.booking,.videos,.heating-controls,.heating-controls li,.accreditations-right,.boilers-types-img { text-align:center;}
.header-mid-part h2 { font-size:22px;}
.box-pen,#booking,.accreditations,.header-mid { text-align:center;}
#areas h1 { font-size:20px; padding:0 0 10px;}
.heating-box-1,.heating-box-1:last-child {float:none; display: inline-block; width:100%; margin:10px 0px; padding:15px; border:1px solid #d5d5d5;}
.box-1,.box-1:last-child { float:none; display: inline-block; width:46%; margin:10px 0px; padding:0;}
.box-1 img { width:100%;}
.home-img { float:none; text-align:center; margin:0 0 10px;}
.content-left h3,.content-left h2 { margin:5px 0;}

.content-left,.content-right,.booking-left,.booking-right,.accreditations-left,.accreditations-right,.register-left,.register-right,.row2-left,.row2-right,
.row-left,.row-right,.contact-left,.contact-right,.col-left,.col-right,.worcester-left,.worcester-right,.faq-left,.faq-right,.cover-plan-left,.cover-plan-right,
.boilers-types-left,.boilers-types-right,.video-left,.video-right,.heating-video-left,.heating-video-right,
.gas-safe-left,.gas-safe-right { float:none; display: inline-block; width:100%;}
.service li { font-size:13px; line-height:22px;}
.video1 { float:none; display:inline-block; width:auto; margin:0px;}
.video1:last-child { float:none;}
.box-1 h2 { font-size:20px;}
.box-1 h2 { padding: 10px 0px; }
.booking-right .btn a { padding:8px 20px;}

.pic-img img { width: auto;}

.phone-top, .email-top { display: inline-block;float: none; margin-bottom: 10px;width: 100%;}
.phone-top span, .email-top span,.phone-top h2, .email-top h2 {  display: inline-block; float: none; vertical-align:middle;}
.heating-controls li { float:none; display:inline-block; width:auto;}

.footer-1,.footer-2,.footer-3{ border:0px; padding:6px 0; margin:0px; float:none; display:inline-block; width:100%;}
.footer-4 { border:0px; padding:6px 0; margin:0px; float:none; width: auto; text-align:center;}
.footer-4 li { width:auto; float:none; margin-top:12px; padding:0px; display:inline-block; width:auto;}
.footer-1 li span { min-height:100px;}
.footer-1 li { width:100%; float: none;}
#copyright p { text-align:center;}
.header-right img { width:auto;}
.footer-2 li { font-size:12px;}
.cover-plan li { margin: 0 14px 0 0;}

#meet-the-team li { float:none; display:inline-block; width:auto; min-height:100%; margin:0 0 20px;}
.boilers-types-right .pic-img img { width:100%;}
.boilers-types-img li { float:none; display:inline-block; width:auto; margin:0 0 10px;}
.heating-system-left,.heating-system-right { width:100%; margin-bottom:10px;}
.cover-plan li { margin:0 8px 0 0;}
.contact-right .address h2 { font-size:22px; line-height:30px;}
.trading-hours-box { border:0px;}
#header {padding: 0px 0 25px 0}
.logo{display: block;}
.header-mid-part{display: block;text-align: center;}
.header-mid-part h2{display: inline-block;}
.header-mid-part h2 a {font-size: 25px;}
.header-mid-part h2 img{width: 23px;}
.header-mid-part {margin: 10px 0 0px;}
.logo img{max-width: 420px;}
}
@media only screen and ( max-width:620px) {
.logo img { width:100%;}
.box-1 h2 { font-size:17px;}
.offers-1 { width:100%;}
.payment img { width:100%;}
}

@media only screen and ( max-width:520px) {
.pic-img img,.home-img img { width:100%;}
.footer-1,.footer-2 { width:100%; margin:0px;}
.email-top h2 a { font-size:15px;}
.logo { padding:10px 0;}

.plumbing-left,.plumbing-right { float:none; display:inline-block; width:100%;}

}
@media only screen and ( max-width:420px) {
.logo img { width:100%;}
.header-mid { margin:0px;}
.box-1, .box-1:last-child {float:none; display: inline-block; width:100%; margin:10px 0;}
.service ul { width:100%;}
.phone-top h2, .email-top h2 { font-size:20px;}
.box-1, .box-1:last-child { width:45%;}
}

@media only screen and ( max-width:320px) {}

@media only screen and (max-width: auto)
.home-box-boiler li {width: 31%;list-style: none;display: inline-block;}
.home-box-boiler {width:auto}